<template>
    <div>
        <!-- 金额 -->
        <div class="column">
            <div class="container layout column-elem " style="background-color: #2e7ba7; ">
                <div>
                    <div class="content" style="padding:0px;">
                        <div class="path-description" style="margin:0px; ">
                            <div class="path-desc-top clearfix order"
                                style=" height: 115px; background-color: #2e7ba7; ">

                                <div class="col-md-10 col-md-offset-1 path-desc-text">正常支付（元）
                                </div>

                                <div class="col-md-10 col-md-offset-1 path-desc-text">
                                    <div class="orderState">135.96 </div>
                                </div>
                                <div class="col-md-10 col-md-offset-1 path-desc-text order-time">
                                    支付时间：2022-07-15 15:14:29
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

        <!-- 提前结清 -->
        <div class="navbar-banner ">
            <div class="bindCourse">

                <form action="/bindCourse" method="post">

                    <div class="form-group course">
                        <div class="input-group">本次支付</div>

                        <div class="input-group">
                            <ul>
                                <li>
                                    <span><strong>学费（元）</strong></span>
                                    <span><strong>￥17130.40</strong></span>
                                </li>
                                <li>
                                    <span>分期期限</span>
                                    <span>0.0</span>
                                </li>
                            </ul>

                            <ul>
                                <li>
                                    <span>分期详情</span>
                                    
                                    <span @click="toInstallmentDetail"><button class="btn btn-primary" type="button">查看</button></span>
                                </li>
                            </ul>

                        </div>


                    </div>

                </form>
            </div>
        </div>

    </div>
</template>
  
<script>
export default {
    name: 'RecordPay',
    methods:{
        // 第一次跳转有问题？
        toInstallmentDetail(){
            this.$router.push({name:'InstallmentDetail'});
        }
    }

}
</script>
  
<style>
@import url(../csspay.css);

</style>